@CHARSET "UTF-8";
/**
* 9.30 lkl
**/
.bd-color-x { border-color: #14959b!important; }
.bg-color-x { border-color: #14959b!important; background-color: #14959b!important; color: #fff!important; }
.bg-color-x * { color: #fff!important; }
.btn.bg-color-x:hover { background-color: #58B6BB!important; } 
.min { font-size: 11.5px!important; background-color: #ffb03f; }
.t-min { color: #707070; font-size: 12px; padding-top: 2px;  margin: 0; } /* 字体变小且淡 */ 
::selection { background-color: #68dff0; color: #fff; }
/*header样式 高55px*/
.header { position: fixed; z-index: 20; height: 55px; width: 100%;  padding: 0 18px; background-color: #14959b; font-size: 18px; color: #fff; }
.header > * { display: inline-block; margin-top: 13px; }
.header .h-logo span:first-child { padding: 0 12px 0 2px; cursor: pointer; }
.header .h-logo span:first-child:hover { color: #ccc; }
/*放在header上的a标签样式*/
.h-menu { margin-left: 88px; }
.head-a {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 2px 4.4px;
	border: 1px solid #fff;
	border-radius: 5px; 
	color: #fff!important;
}
.head-a .badge { position: absolute; right: -11px; top: -11px; background-color: #ffb03f; }
.dropdown-menu { padding: 0; top: 39px; left: 6px; }
.dropdown-menu > li > p { background-color: #ffb03f; padding: 10px 20px; margin: 0 0 0 -1px; }
.dropdown-menu > li > p:before {
	content: " ";
	position: absolute;
    left: 6px;
    top: -13px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #ffb03f transparent;
}
.dropdown-menu > li > a { width: 180px; padding: 10px 15px; }
.dropdown-menu > li:NOT(:LAST-CHILD) > a { border-bottom: 1px solid #e6e6e6; }

/*侧边栏样式 宽210px*/
.side { position: fixed; z-index: 19; top: 0; overflow-y: auto; background-color: #424a5d; width: 210px; height: 100%; padding-bottom: 45px; transition: width 0.5s; }
.side div:first-child { padding-top: 70px; text-align: center; color: #fff; width: 210px; }
.side div img { background-color: #fff; }
/*各层菜单通用样式 第一层使用*/
.side ul { list-style: none; padding: 0; margin: 0; }
.side ul > li { width: 190px; }
.side ul > li { margin: 2px 10px; }
.side ul > li > a { display: block; color: #aeb2b7; text-decoration: none; border-radius: 5px; padding: 15px 0 15px 10px; font-size: 12px; }
.side ul > li > a span { margin-right: 15px; font-size: 15px; }
.side ul > li > a i { margin-right: 10px; }
.side ul > li > a:hover { background-color: #14959b; color: #fff; }
/*第二层菜单样式*/
.side ul .hide-opt { display: none;/* height: 0; overflow: hidden; */}
.side ul li > ul li > a { padding: 10px 0 10px 35px; }
/*激活样式*/
.side ul > li.active > a { background-color: #14959b; color: #fff; }

/*主体内容区 上内边距60 左边距210*/
[class$='xcontent'] { padding: 60px 5px 0 215px; min-height: calc(100vh - 50px); transition: padding-left 0.5s; }
[class$='xcontent'] > *:last-child { margin-bottom: 50px; }  /* 将最后一个元素的下外边距设置为0 为了不会影响到最低的布局 */

/* 定义主体内容的左右边距 设置清楚浮动影响 获取自然高 */
[class$='xcontent'] > div > div:first-child h4 { display: inline-block; padding: 10px 5px; }
[class$='xcontent'] > div > div:NOT(:FIRST-CHILD) { overflow: hidden; padding: 0 10px; }
/*高 40px*/
.footer { position: fixed; bottom: 0; z-index: 1000; width: 100%; height: 40px; line-height: 40px; padding: 0 20px; background-color: #14959b; color: #fff; text-align: right; }

/* 清除面板中表格的下外边距 */
.panel-body table { margin-bottom: 0; }

/* 自定义表单控件样式  */
.min-input { border-radius: 5px; width: 130px; height: 30px; margin: 0 5px; }
.min-select { border-radius: 5px!important; height: 30px; padding: 0 10px; font-size: 13px; }

.min-min-input { border-radius: 5px; width: 80px; height: 30px; margin: 0 4px 0 0; }
.min-min-select { border-radius: 5px!important; height: 30px; padding: 0 5px; font-size: 11px; }


